.custom-button {
    padding: 8px 28px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    background-color: rgb(255, 153, 0);
    border: 0.2px solid rgb(199, 199, 199);
    margin: 5px 0;

    &:hover {
        transform: scale(1.05);
    }

    &:active {
        transform: scale(0.95);
    }

    // 添加禁用状态下的样式
    &.is-disabled,
    &:disabled {
        background-color: rgb(224, 224, 224);
        color: rgb(153, 153, 153);
        cursor: not-allowed;
        transform: none; // 确保禁用状态下不会放大或缩小

        &:hover {
            transform: none;
        }

        &:active {
            transform: none;
        }
    }
}